﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EditProfile.aspx.cs" Inherits="MyVocationSpace.EditProfile" %>

<%@ Register Src="Header.ascx" TagName="header" TagPrefix="uc" %>
<%@ Register Src="Footer.ascx" TagName="footer" TagPrefix="uc1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>..:: MY VocationSpace ::..</title>
    <link href="css/Default.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="js/common.js" type="text/javascript"></script>
    <link href="css/Popup.css" rel="stylesheet" type="text/css" />
    <script src="js/Popup.js" type="text/javascript"></script>
    <script type="text/javascript">
        function AddEducation() {
            var txtCourse = document.getElementById("txtCourse").value;
            var txtCollege = document.getElementById("txtCollege").value;
            var txtYear = document.getElementById("txtYear").value;

            var spanCourse = document.getElementById("idspanCourse");
            var spanCollege = document.getElementById("idspanCollege");
            var spanCourseYear = document.getElementById("idSpanCourseYear");

            if (txtCourse == '') {
                spanCourse.style.display = "block";
                spanCourse.innerHTML = "Please enter Course Name.";
                return false;
            }

            if (txtCollege == '') {
                spanCollege.style.display = "block";
                spanCollege.innerHTML = "Please enter Institute.";
                return false;
            }

            if (txtYear == '') {
                spanCourseYear.style.display = "block";
                spanCourseYear.innerHTML = "Please enter completion Year.";
                return false;
            }

            //alert(id);
            var xmlhttp;
            if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            }
            else {// code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    document.getElementById("loading").style.display = "none";

                    //spn.innerHTML = xmlhttp.responseText;
                    //spn.style.display = "block";
                    //emailAdd.value = "YOUR EMAIL ADDRESS";
                }
            }
            xmlhttp.open("POST", "AJAX/AddEducation.aspx?Course=" + txtCourse + "&College=" + txtCollege + "&Year=" + txtYear, true);
            xmlhttp.send();
            document.getElementById("loading").style.display = "block";
            document.getElementById("educationPopup").style.display = "none";
            document.getElementById("educationblanket").style.display = "none";
        }

        function AddExperience() {
            var txtDesignation = document.getElementById("txtDesignation").value;
            var txtCompany = document.getElementById("txtCompany").value;
            var txtLocation = document.getElementById("txtLocation").value;
            var txtExpFrom = document.getElementById("txtExpFrom").value;
            var txtExpTo = document.getElementById("txtExpTo").value;

            var spanDesig = document.getElementById("idspanDesig");
            var spanComp = document.getElementById("idspanCompany");
            var spanLoc = document.getElementById("idspanLocation");
            var spanYear = document.getElementById("idspanYear");

            if (txtDesignation == '') {

                //alert("enter designation");
                spanDesig.style.display = "block";
                spanDesig.innerHTML = "Please enter Designation";
                return false;
            }
            if (txtCompany == '') {
                spanComp.style.display = "block";
                spanComp.innerHTML = "Please enter Organization";
                return false;
            }
            if (txtLocation == '') {
                spanLoc.style.display = "block";
                spanLoc.innerHTML = "Please enter Location";
                return false;
            }
            if (txtExpFrom > txtExpTo) {
                spanYear.style.display = "block";
                spanYear.innerHTML = "From year must be lessthan To Year";
                return false;
            }

            var xmlhttp;
            if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            }
            else {// code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    document.getElementById("loading").style.display = "none";

                    //spn.innerHTML = xmlhttp.responseText;
                    //spn.style.display = "block";
                    //emailAdd.value = "YOUR EMAIL ADDRESS";
                }
            }
            xmlhttp.open("POST", "AJAX/AddExperience.aspx?Designation=" + txtDesignation + "&Company=" + txtCompany + "&Location=" + txtLocation + "&ExpFrom=" + txtExpFrom + "&ExpTo=" + txtExpTo, true);
            xmlhttp.send();
            document.getElementById("loading").style.display = "block";
            document.getElementById("experiencePopup").style.display = "none";
            document.getElementById("experienceBlanket").style.display = "none";
        }


        function AddEducationUpdate() {
            var txtCourseUpdate = document.getElementById("txtCourseUpdate").value;
            var txtCollegeUpdate = document.getElementById("txtCollegeUpdate").value;
            var txtYearUpdate = document.getElementById("txtYearUpdate").value;

            var spanCourseUpdate = document.getElementById("spanCourseUpdate");
            var spanCollegeUpdate = document.getElementById("spanCollegeUpdate");
            var spanYearUpdate = document.getElementById("spanYearUpdate");


            if (txtCourseUpdate == '') {
                spanCourseUpdate.style.display = "block";
                spanCourseUpdate.innerHTML = "Please enter Course Name.";
                return false;
            }

            if (txtCollegeUpdate == '') {
                spanCollegeUpdate.style.display = "block";
                spanCollegeUpdate.innerHTML = "Please enter Institute.";
                return false;
            }

            if (txtYearUpdate == '') {
                spanYearUpdate.style.display = "block";
                spanYearUpdate.innerHTML = "Please enter completion Year.";
                return false;
            }
        }

        function AddExperienceUpdate() {
            var txtDesignationUpdate = document.getElementById("txtDesignationUpdate").value;
            var txtCompanyUpdate = document.getElementById("txtCompanyUpdate").value;
            var txtLocationUpdate = document.getElementById("txtLocationUpdate").value;
            var txtExpFromUpdate = document.getElementById("txtExpYearFromUpdate").value;
            var txtExpToUpdate = document.getElementById("txtExpYearToUpdate").value;

            var spanDesignationUpdate = document.getElementById("spanDesignationUpdate");
            var spanCompanyUpdate = document.getElementById("spanCompanyUpdate");
            var spanLocationUpdate = document.getElementById("spanLocationUpdate");
            var spanExpYearUpdate = document.getElementById("spanExpYearUpdate");

            if (txtDesignationUpdate == '') {

                //alert("enter designation");
                spanDesignationUpdate.style.display = "block";
                spanDesignationUpdate.innerHTML = "Please enter Designation";
                return false;
            }
            if (txtCompanyUpdate == '') {
                spanCompanyUpdate.style.display = "block";
                spanCompanyUpdate.innerHTML = "Please enter Organization";
                return false;
            }
            if (txtLocationUpdate == '') {
                spanLocationUpdate.style.display = "block";
                spanLocationUpdate.innerHTML = "Please enter Location";
                return false;
            }
            if (txtExpFromUpdate > txtExpToUpdate) {
                spanExpYearUpdate.style.display = "block";
                spanExpYearUpdate.innerHTML = "From year must be lessthan To Year";
                return false;
            }
        }


    </script>
    <style type="text/css">
        .style1
        {
            width: 700px;
            height: 20px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <center>
        <div>
            <uc:header ID="header" runat="server" />
        </div>
        <div id="content-wrapper">
            <center>
                <div class="Content">
                    <table>
                        <tr>
                            <td style="width: 980px">
                                <table>
                                    <tr>
                                        <td align="left" style="width: 980px">
                                            <asp:LinkButton ID="lnkEdit" PostBackUrl="~/MyProfile.aspx" CausesValidation="false"
                                                runat="server">Edit Profile</asp:LinkButton>
                                            &nbsp;
                                            <asp:LinkButton ID="lnkView" PostBackUrl="~/ViewProfile.aspx" CausesValidation="false"
                                                runat="server">View Profile</asp:LinkButton>
                                            &nbsp;
                                            <asp:LinkButton ID="lnkAddvocation" PostBackUrl="~/AddMyVocation.aspx" CausesValidation="false"
                                                runat="server">Edit MyVocation</asp:LinkButton>
                                            <hr style="width: 960px; border: 1px solid #D6D6D6;" />
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 700px; padding-top: 30px">
                                <%--        <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="upEditProfile">
                                    <ProgressTemplate>
                                        <center>
                                            <img src="Images/loading123.gif" alt="loading" width="20" height="20" />
                                            <span style="color: #fff; font-size: 13px;">Please wait... </span>
                                        </center>
                                    </ProgressTemplate>
                                </asp:UpdateProgress>
                                <asp:UpdatePanel ID="upEditProfile" runat="server">
                                    <ContentTemplate>--%>
                                <table>
                                    <tr>
                                        <td align="left" style="padding-left: 100px; font-size: 16px; font-weight: bold;">
                                            Basic Information
                                            <hr style="width: 600px; border: 1px dashed #D6D6D6;" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" style="width: 550px; padding-left: 170px">
                                            <table>
                                                <tr>
                                                    <td class="lblName">
                                                        First Name:
                                                    </td>
                                                    <td align="left">
                                                        <asp:TextBox ID="txtFName" runat="server"></asp:TextBox>
                                                        <asp:RequiredFieldValidator ID="rfvtxtFName" ForeColor="Red" CssClass="validate"
                                                            ControlToValidate="txtFName" runat="server" ErrorMessage="Please enter First Name."></asp:RequiredFieldValidator>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="lblName">
                                                        Last Name:
                                                    </td>
                                                    <td align="left">
                                                        <asp:TextBox ID="txtLName" runat="server"></asp:TextBox>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="lblName">
                                                        Gender:
                                                    </td>
                                                    <td align="left">
                                                        <asp:RadioButtonList ID="rdGender" RepeatDirection="Horizontal" runat="server">
                                                            <asp:ListItem Value="1">Male</asp:ListItem>
                                                            <asp:ListItem Value="0">Female</asp:ListItem>
                                                        </asp:RadioButtonList>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="lblName">
                                                        Occupation:
                                                    </td>
                                                    <td align="left" colspan="2">
                                                        <asp:TextBox ID="txtOccup" runat="server"></asp:TextBox>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="lblName">
                                                        Upload Photo:
                                                    </td>
                                                    <td align="left">
                                                        <span>
                                                            <asp:FileUpload ID="fuPic" runat="server" ViewStateMode="Enabled" /></span>
                                                        <span>
                                                            <img runat="server" id="imgUserPhoto" width="40" height="40" visible="false" /></span>
                                                        <span>
                                                            <asp:LinkButton ID="lnkDeletePhoto" Font-Size="11px" runat="server" OnClick="lnkDeletePhoto_Click">Remove Photo</asp:LinkButton></span>
                                                        <asp:RegularExpressionValidator ID="RegularExpressionValidator1" ValidationExpression="^(([a-zA-Z]:)|(\\{2}\w+)\$?)(\\(\w[\w].*))+(.jpg|.jpeg|.gif|.bmp|.png|.JPG|.PNG|.JPEG|.GIF|.BMP)$"
                                                            ControlToValidate="fuPic" ForeColor="Red" CssClass="validate" runat="server"
                                                            ErrorMessage="Invalid file"></asp:RegularExpressionValidator>
                                                        <asp:CustomValidator ID="cvfuPic" runat="server" OnServerValidate="ImageSize" ControlToValidate="fuPic"
                                                            ForeColor="Red" CssClass="validate" ErrorMessage="File size Exceed"></asp:CustomValidator>
                                                        <br />
                                                        <span style="font-family: Arial; color: Gray; font-size: 11px; background-color: White">
                                                            ( Upload only png, jpeg, bmp files ( size not morethan 200 KB ))</span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 700px; padding-top: 30px">
                                <table>
                                    <tr>
                                        <td align="left" style="padding-left: 100px; font-size: 16px; font-weight: bold;">
                                            Contact Infromation
                                            <hr style="width: 600px; border: 1px dashed #D6D6D6;" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" style="width: 550px; padding-left: 170px">
                                            <table>
                                                <tr>
                                                    <td class="lblName">
                                                        City:
                                                    </td>
                                                    <td align="left">
                                                        <asp:TextBox ID="txtCity" runat="server"></asp:TextBox>
                                                        <asp:RequiredFieldValidator ID="rfvtxtCity" ForeColor="Red" CssClass="validate" ControlToValidate="txtCity"
                                                            runat="server" ErrorMessage="Please enter City."></asp:RequiredFieldValidator>
                                                    </td>
                                                </tr>
                                                <%--<tr>
                                                    <td valign="top" class="lblName">
                                                        Mobile No:
                                                    </td>
                                                    <td align="left">
                                                        <asp:TextBox ID="txtMobile" MaxLength="10" onkeypress="return isNumberKey(event);"
                                                            runat="server"></asp:TextBox>
                                                        <asp:RegularExpressionValidator ID="revMobile" ValidationExpression="^([7-9]{1})([0-9]{9})$"
                                                            ForeColor="Red" CssClass="validate" ControlToValidate="txtMobile" runat="server"
                                                            ErrorMessage="Please enter valid Mobile No."></asp:RegularExpressionValidator>
                                                        <br />
                                                        <span style="font-family: Arial; font-size: 11px; color: Gray; background-color: White">
                                                            (10 digits, must start from either 7,8 or 9)</span>
                                                    </td>
                                                </tr>--%>
                                                <tr>
                                                    <td valign="top" class="lblName">
                                                        Address:
                                                    </td>
                                                    <td align="left">
                                                        <asp:TextBox ID="txtAddress" TextMode="MultiLine" Rows="4" Columns="20" runat="server"></asp:TextBox>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td valign="top" class="lblName">
                                                        Zip Code:
                                                    </td>
                                                    <td align="left">
                                                        <%----%>
                                                        <asp:TextBox ID="TextBox1" MaxLength="6" onkeypress="return isNumberKey(event);"
                                                            runat="server"></asp:TextBox><%--[A-Za-z0-9 ]--%>
                                                        <asp:RegularExpressionValidator ID="revZip" runat="server" ControlToValidate="TextBox1"
                                                            CssClass="validate" ForeColor="Red" ValidationExpression="^([1-9]{1})([0-9]{5})$"
                                                            ErrorMessage="Please enter valid Zip."></asp:RegularExpressionValidator>
                                                        <br />
                                                        <span style="font-family: Arial; color: Gray; font-size: 11px; background-color: White">
                                                            ( Only 6 digits )</span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td valign="top" class="lblName">
                                                        Country:
                                                    </td>
                                                    <td align="left">
                                                        <asp:DropDownList ID="ddlCountry" Width="160px" runat="server">
                                                        </asp:DropDownList>
                                                        <asp:RequiredFieldValidator ID="rfvddlCountry" ForeColor="Red" CssClass="validate"
                                                            ControlToValidate="ddlCountry" runat="server" InitialValue="-1" ErrorMessage="Please select Country."></asp:RequiredFieldValidator>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 700px; padding-top: 30px">
                                <table>
                                    <tr>
                                        <td align="left" style="padding-left: 100px; font-size: 16px; font-weight: bold;">
                                            Educational Infromation
                                            <hr style="width: 600px; border: 1px dashed #D6D6D6;" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" style="width: 550px; padding-left: 170px;">
                                            <asp:UpdatePanel ID="upEducation" runat="server" UpdateMode="Conditional">
                                                <ContentTemplate>
                                                    <table width="550px">
                                                        <tr>
                                                            <td align="right">
                                                                <a href="javascript:void(0)" onclick="popup('educationPopup','educationblanket');return false;">
                                                                    Add Education</a>
                                                                <br />
                                                                <span style="font-family: Arial; color: Gray; font-size: 12px; background-color: White">
                                                                    ( From lower to higher qualification )</span>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="width: 500px;">
                                                                <asp:DataList ID="dlUserEducation" DataKeyField="IDUserCourse" runat="server" RepeatDirection="Vertical"
                                                                    OnItemDataBound="dlUserEducation_ItemDataBound">
                                                                    <ItemTemplate>
                                                                        <table>
                                                                            <tr>
                                                                                <td style="width: 500px; border: 1px solid #1C6F93;">
                                                                                    <table>
                                                                                        <tr>
                                                                                            <td class="lblName">
                                                                                                Course Name:
                                                                                            </td>
                                                                                            <td colspan="2" style="font-weight: bold">
                                                                                                <%#Eval("Course")%>
                                                                                            </td>
                                                                                        </tr>
                                                                                        <tr>
                                                                                            <td class="lblName">
                                                                                                School/College/Institute:
                                                                                            </td>
                                                                                            <td colspan="2">
                                                                                                <%#Eval("College")%>
                                                                                            </td>
                                                                                        </tr>
                                                                                        <tr>
                                                                                            <td class="lblName">
                                                                                                Year:
                                                                                            </td>
                                                                                            <td>
                                                                                                <%#Eval("Year")%>
                                                                                            </td>
                                                                                            <td style="padding-left: 210px" align="right">
                                                                                                <span>
                                                                                                    <asp:LinkButton ID="lnkEducationEdit" Font-Size="12px" CausesValidation="false" runat="server"
                                                                                                        OnClick="lnkEducationEdit_Click">Edit</asp:LinkButton>
                                                                                                </span>&nbsp;<span>
                                                                                                    <asp:LinkButton ID="lnkEducationDelete" Font-Size="12px" CausesValidation="false"
                                                                                                        runat="server" OnClick="lnkEducationDelete_Click">Delete</asp:LinkButton>
                                                                                                </span>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </ItemTemplate>
                                                                </asp:DataList>
                                                                <asp:LinkButton ID="lnkUpdateEducation" runat="server" Style="display: none"></asp:LinkButton>
                                                                <asp:ModalPopupExtender ID="ModalPopupExtender_UserEducation" runat="server" Enabled="True"
                                                                    CancelControlID="cancelBtn" TargetControlID="lnkUpdateEducation" PopupControlID="pnlUserEducation"
                                                                    BackgroundCssClass="modalBackground">
                                                                </asp:ModalPopupExtender>
                                                                <asp:Panel ID="pnlUserEducation" runat="server">
                                                                    <table width="550px" class="Popup">
                                                                        <tr>
                                                                            <td>
                                                                                <div style="float: right">
                                                                                    <img src="~/Images/blue-close-button.png" alt="close" runat="server" id="cancelBtn" /></div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td style="padding: 15px; width: 500px;">
                                                                                <table cellpadding="5" width="500px" style="border: 1px solid #AFAFAF;">
                                                                                    <tr>
                                                                                        <td align="left" colspan="2">
                                                                                            Update Education
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td colspan="2">
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top" class="lblName">
                                                                                            Course Name:
                                                                                        </td>
                                                                                        <td align="left">
                                                                                            <div>
                                                                                                <asp:TextBox ID="txtCourseUpdate" Width="180px" runat="server"></asp:TextBox>
                                                                                                <asp:Label ID="lblIDUserCourse" runat="server" Visible="false"></asp:Label>
                                                                                            </div>
                                                                                            <div>
                                                                                                <span id="spanCourseUpdate" style="display: none; font-size: 13px; font-family: Arial;
                                                                                                    color: #CD0A0A;"></span>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top" class="lblName">
                                                                                            School/College/Institute:
                                                                                        </td>
                                                                                        <td align="left">
                                                                                            <div>
                                                                                                <asp:TextBox ID="txtCollegeUpdate" Width="180px" runat="server"></asp:TextBox>
                                                                                            </div>
                                                                                            <div>
                                                                                                <span id="spanCollegeUpdate" style="display: none; font-size: 13px; font-family: Arial;
                                                                                                    color: #CD0A0A;"></span>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top" class="lblName">
                                                                                            Year:
                                                                                        </td>
                                                                                        <td align="left">
                                                                                            <div>
                                                                                                <asp:TextBox ID="txtYearUpdate" onkeypress="return isNumberKey(event);" MaxLength="4"
                                                                                                    Width="180px" runat="server"></asp:TextBox>
                                                                                            </div>
                                                                                            <div>
                                                                                                <span id="spanYearUpdate" style="display: none; font-size: 13px; font-family: Arial;
                                                                                                    color: #CD0A0A;"></span>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td colspan="2">
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td colspan="2" align="center">
                                                                                            <asp:Button ID="btnEducationUpdate" CausesValidation="false" CssClass="formBtnEdit"
                                                                                                runat="server" Text="Update" OnClientClick="return AddEducationUpdate();" OnClick="btnEducationUpdate_Click" />
                                                                                        </td>
                                                                                    </tr>
                                                                                </table>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </asp:Panel>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div id="educationblanket" style="display: none;" class="blanket">
                                                                </div>
                                                                <div id="educationPopup" style="display: none;" class="Popup">
                                                                    <table>
                                                                        <tr>
                                                                            <td align="right" style="white-space: nowrap; background-color: White; padding: 10px 10px 0px 0px;"
                                                                                valign="middle">
                                                                                <a href="javascript:void(0)" onclick="$('#educationPopup').css('display','none');$('#educationblanket').css('display','none');"
                                                                                    id="lnkClose" style="color: white; border: 0">
                                                                                    <img src="images/blue-close-button.png" width="25" align="right" height="25" style="border: 0"
                                                                                        title="Close" /></a>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td style="padding: 15px;">
                                                                                <table cellpadding="5px" style="border: 1px solid #AFAFAF;">
                                                                                    <tr>
                                                                                        <td align="left" colspan="4" style="padding: 0">
                                                                                            <table style="height: 100%;">
                                                                                                <tr>
                                                                                                    <td width="480px" align="left">
                                                                                                        <span class="pophead">Add Education</span>
                                                                                                    </td>
                                                                                                    <td width="20px" align="center">
                                                                                                    </td>
                                                                                                    <td width="5px">
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </table>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td style="color: Black; font-size: 12px" align="left">
                                                                                            <table width="100%" border="0" align="center" cellpadding="3" cellspacing="1">
                                                                                                <tr>
                                                                                                    <td colspan="3">
                                                                                                        <span id="strmessage" style="color: #8A200A; padding-left: 40px;"></span>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td width="23%" class="lblName" align="right" valign="top">
                                                                                                        Course
                                                                                                    </td>
                                                                                                    <td width="5%" valign="top">
                                                                                                        :
                                                                                                    </td>
                                                                                                    <td width="70%" valign="top">
                                                                                                        <div>
                                                                                                            <asp:TextBox ID="txtCourse" Width="180px" runat="server"></asp:TextBox></div>
                                                                                                        <div>
                                                                                                            <span id="idspanCourse" style="display: none; font-family: Arial; color: #CD0A0A;">
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td valign="top" class="lblName" align="right">
                                                                                                        School/College/Institute
                                                                                                    </td>
                                                                                                    <td valign="top">
                                                                                                        :
                                                                                                    </td>
                                                                                                    <td valign="top">
                                                                                                        <div>
                                                                                                            <asp:TextBox ID="txtCollege" Width="180px" runat="server"></asp:TextBox></div>
                                                                                                        <div>
                                                                                                            <span id="idspanCollege" style="display: none; font-family: Arial; color: #CD0A0A;">
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td valign="top" class="lblName" align="right">
                                                                                                        Year
                                                                                                    </td>
                                                                                                    <td valign="top">
                                                                                                        :
                                                                                                    </td>
                                                                                                    <td valign="top">
                                                                                                        <div>
                                                                                                            <asp:TextBox ID="txtYear" MaxLength="4" onkeypress="return isNumberKey(event);" Width="180px"
                                                                                                                runat="server"></asp:TextBox></div>
                                                                                                        <div>
                                                                                                            <span id="idSpanCourseYear" style="display: none; font-family: Arial; color: #CD0A0A;">
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td colspan="3">
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td colspan="3" align="center" valign="top">
                                                                                                        <asp:Button ID="btnSubmit" runat="server" OnClick="btnsubmit_Click" OnClientClick="return AddEducation();"
                                                                                                            CssClass="formBtnEdit" Text="Submit" />
                                                                                                        <img src="Images/loading-small.jpg" id="loading" style="display: none" />
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </table>
                                                                                        </td>
                                                                                    </tr>
                                                                                </table>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </ContentTemplate>
                                                <Triggers>
                                                    <asp:AsyncPostBackTrigger ControlID="btnSubmit" EventName="Click" />
                                                </Triggers>
                                            </asp:UpdatePanel>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 700px; padding-top: 30px">
                                <table>
                                    <tr>
                                        <td align="left" style="padding-left: 100px; font-size: 16px; font-weight: bold;">
                                            Professional Information
                                            <hr style="width: 600px; border: 1px dashed #D6D6D6;" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" style="width: 550px; padding-left: 170px;">
                                            <asp:UpdatePanel ID="upExperience" runat="server" UpdateMode="Conditional">
                                                <ContentTemplate>
                                                    <table width="550px">
                                                        <tr>
                                                            <td align="right">
                                                                <a href="javascript:void(0)" onclick="popup('experiencePopup','experienceBlanket');return false;">
                                                                    Add Professional Experience</a>
                                                                <br />
                                                                <span style="font-family: Arial; color: Gray; font-size: 12px; background-color: White">
                                                                    ( From past to currect position )</span>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="width: 500px;">
                                                                <asp:DataList ID="dlProfessionalExperience" DataKeyField="IDUserExperience" runat="server"
                                                                    RepeatDirection="Vertical" OnItemDataBound="dlProfessionalExperience_ItemDataBound">
                                                                    <ItemTemplate>
                                                                        <table>
                                                                            <tr>
                                                                                <td style="width: 500px; border: 1px solid #1C6F93;">
                                                                                    <table>
                                                                                        <tr>
                                                                                            <td class="lblName">
                                                                                                Designation:
                                                                                            </td>
                                                                                            <td colspan="2" style="font-weight: bold">
                                                                                                <%#Eval("Designation")%>
                                                                                            </td>
                                                                                        </tr>
                                                                                        <tr>
                                                                                            <td class="lblName">
                                                                                                Orgnization:
                                                                                            </td>
                                                                                            <td colspan="2">
                                                                                                <%#Eval("Orgnization")%>
                                                                                            </td>
                                                                                        </tr>
                                                                                        <tr>
                                                                                            <td class="lblName">
                                                                                                Location:
                                                                                            </td>
                                                                                            <td colspan="2">
                                                                                                <%#Eval("Location")%>
                                                                                            </td>
                                                                                        </tr>
                                                                                        <tr>
                                                                                            <td class="lblName">
                                                                                                Year:
                                                                                            </td>
                                                                                            <td>
                                                                                                <span>From:</span> <span>
                                                                                                    <%#Eval("YearFrom")%></span> &nbsp; <span>To:</span><span>
                                                                                                        <%#Eval("YearTo")%></span>
                                                                                            </td>
                                                                                            <td style="padding-left: 110px" align="right">
                                                                                                <span>
                                                                                                    <asp:LinkButton ID="lnkExperienceEdit" Font-Size="12px" CausesValidation="false"
                                                                                                        runat="server" OnClick="lnkExperienceEdit_Click">Edit</asp:LinkButton>
                                                                                                </span>&nbsp;<span>
                                                                                                    <asp:LinkButton ID="lnkExperienceDelete" Font-Size="12px" CausesValidation="false"
                                                                                                        runat="server" OnClick="lnkExperienceDelete_Click">Delete</asp:LinkButton>
                                                                                                </span>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </ItemTemplate>
                                                                </asp:DataList>
                                                                <asp:LinkButton ID="lnkUserExperience" runat="server" Style="display: none"></asp:LinkButton>
                                                                <asp:ModalPopupExtender ID="ModalPopupExtender_UserExperience" runat="server" Enabled="True"
                                                                    CancelControlID="cancelBtnUserExperience" TargetControlID="lnkUserExperience"
                                                                    PopupControlID="pnlUserExperience" BackgroundCssClass="modalBackground">
                                                                </asp:ModalPopupExtender>
                                                                <asp:Panel ID="pnlUserExperience" runat="server">
                                                                    <table width="550px" class="Popup">
                                                                        <tr>
                                                                            <td>
                                                                                <div style="float: right">
                                                                                    <img src="~/Images/blue-close-button.png" alt="close" runat="server" id="cancelBtnUserExperience" /></div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td style="padding: 15px; width: 500px;">
                                                                                <table cellpadding="5" width="500px" style="border: 1px solid #AFAFAF;">
                                                                                    <tr>
                                                                                        <td align="left" colspan="2">
                                                                                            Update Professional Experience
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td colspan="2">
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top" class="lblName">
                                                                                            Designation:
                                                                                        </td>
                                                                                        <td align="left">
                                                                                            <div>
                                                                                                <asp:TextBox ID="txtDesignationUpdate" Width="180px" runat="server"></asp:TextBox>
                                                                                                <asp:Label ID="lblIDUserExperience" runat="server" Visible="false"></asp:Label>
                                                                                            </div>
                                                                                            <div>
                                                                                                <span id="spanDesignationUpdate" style="display: none; font-size: 13px; font-family: Arial;
                                                                                                    color: #CD0A0A;"></span>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top" class="lblName">
                                                                                            Orgnization:
                                                                                        </td>
                                                                                        <td align="left">
                                                                                            <div>
                                                                                                <asp:TextBox ID="txtCompanyUpdate" Width="180px" runat="server"></asp:TextBox>
                                                                                            </div>
                                                                                            <div>
                                                                                                <span id="spanCompanyUpdate" style="display: none; font-size: 13px; font-family: Arial;
                                                                                                    color: #CD0A0A;"></span>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top" class="lblName">
                                                                                            Location:
                                                                                        </td>
                                                                                        <td align="left">
                                                                                            <div>
                                                                                                <asp:TextBox ID="txtLocationUpdate" Width="180px" runat="server"></asp:TextBox>
                                                                                            </div>
                                                                                            <div>
                                                                                                <span id="spanLocationUpdate" style="display: none; font-size: 13px; font-family: Arial;
                                                                                                    color: #CD0A0A;"></span>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top" class="lblName">
                                                                                            Year:
                                                                                        </td>
                                                                                        <td align="left">
                                                                                            <div>
                                                                                                <span style="vertical-align: top">From:</span><asp:TextBox ID="txtExpYearFromUpdate"
                                                                                                    Width="50px" MaxLength="4" onkeypress="return isNumberKey(event);" runat="server"></asp:TextBox><span>
                                                                                                    </span>&nbsp; <span style="vertical-align: top">To:</span><span><asp:TextBox ID="txtExpYearToUpdate"
                                                                                                        MaxLength="4" onkeypress="return isNumberKey(event);" Width="50px" runat="server"></asp:TextBox></span>
                                                                                            </div>
                                                                                            <div>
                                                                                                <span id="spanExpYearUpdate" style="display: none; font-size: 13px; font-family: Arial;
                                                                                                    color: #CD0A0A;"></span>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td colspan="2">
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td colspan="2" align="center">
                                                                                            <asp:Button ID="btnExperienceUpdate" CausesValidation="false" CssClass="formBtnEdit"
                                                                                                runat="server" Text="Update" OnClientClick="return AddExperienceUpdate();" OnClick="btnExperienceUpdate_Click" />
                                                                                        </td>
                                                                                    </tr>
                                                                                </table>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </asp:Panel>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div id="experienceBlanket" style="display: none;" class="blanket">
                                                                </div>
                                                                <div id="experiencePopup" style="display: none;" class="Popup">
                                                                    <table>
                                                                        <tr>
                                                                            <td align="right" style="white-space: nowrap; background-color: White; padding: 10px 10px 0px 0px;"
                                                                                valign="middle">
                                                                                <a href="javascript:void(0)" onclick="$('#experiencePopup').css('display','none');$('#experienceBlanket').css('display','none');"
                                                                                    id="A1" style="color: white; border: 0">
                                                                                    <img src="images/blue-close-button.png" width="25" align="right" height="25" style="border: 0"
                                                                                        title="Close" /></a>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td style="padding: 15px;">
                                                                                <table cellpadding="5px" style="border: 1px solid #AFAFAF;">
                                                                                    <tr>
                                                                                        <td align="left" colspan="4" style="padding: 0">
                                                                                            <table style="height: 100%;">
                                                                                                <tr>
                                                                                                    <td width="480px" align="left">
                                                                                                        <span class="pophead">Add Professional Experience</span>
                                                                                                    </td>
                                                                                                    <td width="20px" align="center">
                                                                                                    </td>
                                                                                                    <td width="5px">
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </table>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td style="color: Black; font-size: 12px" align="left">
                                                                                            <table width="100%" border="0" align="center" cellpadding="3" cellspacing="1">
                                                                                                <tr>
                                                                                                    <td colspan="3">
                                                                                                        <span id="Span1" style="color: #8A200A; padding-left: 40px;"></span>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td width="23%" class="lblName" align="right" valign="top">
                                                                                                        Designation
                                                                                                    </td>
                                                                                                    <td width="5%" valign="top">
                                                                                                        :
                                                                                                    </td>
                                                                                                    <td width="70%" valign="top">
                                                                                                        <div>
                                                                                                            <asp:TextBox ID="txtDesignation" Width="180px" runat="server"></asp:TextBox></div>
                                                                                                        <div>
                                                                                                            <span id="idspanDesig" style="display: none; font-family: Arial; color: #CD0A0A;">
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td valign="top" class="lblName" align="right">
                                                                                                        Organization
                                                                                                    </td>
                                                                                                    <td valign="top">
                                                                                                        :
                                                                                                    </td>
                                                                                                    <td valign="top">
                                                                                                        <div>
                                                                                                            <asp:TextBox ID="txtCompany" Width="180px" runat="server"></asp:TextBox></div>
                                                                                                        <div>
                                                                                                            <span id="idspanCompany" style="display: none; font-family: Arial; color: #CD0A0A;">
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td valign="top" class="lblName" align="right">
                                                                                                        Location
                                                                                                    </td>
                                                                                                    <td valign="top">
                                                                                                        :
                                                                                                    </td>
                                                                                                    <td valign="top">
                                                                                                        <div>
                                                                                                            <asp:TextBox ID="txtLocation" Width="180px" runat="server"></asp:TextBox></div>
                                                                                                        <div>
                                                                                                            <span id="idspanLocation" style="display: none; font-family: Arial; color: #CD0A0A;">
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td valign="top" class="lblName" align="right">
                                                                                                        Year
                                                                                                    </td>
                                                                                                    <td valign="top">
                                                                                                        :
                                                                                                    </td>
                                                                                                    <td valign="top">
                                                                                                        <div>
                                                                                                            <span style="vertical-align: middle">From:</span><asp:TextBox ID="txtExpFrom" MaxLength="4"
                                                                                                                onkeypress="return isNumberKey(event);" Width="50px" runat="server"></asp:TextBox><span>
                                                                                                                </span>&nbsp; <span style="vertical-align: middle">To:</span><span><asp:TextBox ID="txtExpTo"
                                                                                                                    Width="50px" MaxLength="4" onkeypress="return isNumberKey(event);" runat="server"></asp:TextBox></span>
                                                                                                        </div>
                                                                                                        <div>
                                                                                                            <span id="idspanYear" style="display: none; font-family: Arial; color: #CD0A0A;">
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td colspan="3">
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td colspan="3" align="center" valign="top">
                                                                                                        <asp:Button ID="btnSubmitExp" runat="server" OnClick="btnSubmitExp_Click" OnClientClick="return AddExperience();"
                                                                                                            CssClass="formBtnEdit" Text="Submit" />
                                                                                                        <img src="Images/loading-small.jpg" id="Img2" style="display: none" />
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </table>
                                                                                        </td>
                                                                                    </tr>
                                                                                </table>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </ContentTemplate>
                                                <Triggers>
                                                    <asp:AsyncPostBackTrigger ControlID="btnSubmitExp" EventName="Click" />
                                                </Triggers>
                                            </asp:UpdatePanel>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td style="width:700px;">
                               <table>
                                <tr>
                                    <td align="left" style="padding-left: 100px;">
                                         <hr style="width: 600px; border: 1px dashed #D6D6D6;" />
                                    </td>
                                </tr>
                               </table>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" style="width: 550px; padding-left: 170px;">
                                <table>
                                    <tr>
                                        <td class="lblName">
                                        </td>
                                        <td align="left">
                                            <asp:Button ID="btnSave" CssClass="formBtnEdit" runat="server" Text="Save Changes"
                                                OnClick="btnSave_Click" />
                                            <span>or</span> <span>
                                                <asp:LinkButton ID="lnkGoBack" PostBackUrl="~/MyProfile.aspx" CausesValidation="false"
                                                    runat="server">Go back to Edit My Profile</asp:LinkButton></span>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </div>
            </center>
        </div>
        <div style="clear: both">
        </div>
        <div>
            <uc1:footer runat="server" ID="footer"></uc1:footer>
        </div>
    </center>
    <center>
    </center>
    </form>
</body>
</html>
